<template>
  <div style="background-color: #ffefcf; padding: 10px">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>我院医务室简介</el-breadcrumb-item>
    </el-breadcrumb>

    <div>
      <el-divider></el-divider><span style="color: #E6A23C;font-size: 36px">我院医务室简介</span>
      <div style="text-align: right">时间:2023/2/20 20:37</div>
      <el-divider></el-divider>
    </div>

    <p style="line-height: 25px;text-indent: 2em;font-size: 16px">
      我院医务室长期存储有药品<el-tag type="warning">{{this.medicineCount}}</el-tag>种,
      可治疗各类疾病<el-tag type="warning">{{this.illCount}}</el-tag>类, 有效保障广大老年朋友
      的身体健康.我院医务室负责全院老人的医疗卫生保健知识、传染病防治知识宣传工作；
      协助做好食品卫生、环境卫生、体育卫生的医务监督工作
      ；执行上级各医疗部门及院长下达的各项宣传、统计、报表等
      任务；定期开展老人体检和身体检查等.
    </p>



    <div style="margin:20px auto;align-items: center;text-align: center">
      <img src="../../../assets/equipment/medicine01.png" width="500"/>
      <div style="margin-top: 10px; ;font-size: 13px">  <b>我院医务室</b></div>
    </div>

    <div style="margin:20px auto;align-items: center;text-align: center">
      <img src="../../../assets/equipment/medicine02.png" width="500"/>
      <div style="margin-top: 10px; ;font-size: 13px">  <b>定期开展老人身体检查</b></div>
    </div>














  </div>
</template>

<script>
export default {
  data() {
    return{
      illCount:'',
      medicineCount:'',

    };
  },
  methods:{
    loadIllCount(){
      let url = 'http://localhost:8080/static/ill-num';
      console.log('url = ' + url);
      this.axios.get(url).then((response) => {
        let responseBody = response.data;
        if (responseBody.state == 20000) {
          this.illCount = responseBody.data;
          console.log(this.illCount);
        }
      });
    },
    loadMedicineCount(){
      let url = 'http://localhost:8080/static/medicine-num';
      console.log('url = ' + url);
      this.axios.get(url).then((response) => {
        let responseBody = response.data;
        if (responseBody.state == 20000) {
          this.medicineCount = responseBody.data;
          console.log(this.medicineCount);
        }
      });
    },
  },
  mounted() {
    this.loadIllCount();
    this.loadMedicineCount();
  }


}
</script>

<style scoped>

</style>